<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta name="format-detection" content="email=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="renderer" content="webkit">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />
    	<title>[简历]梁颖欣-中山大学南方学院/广州</title>
    	<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="assets/css/typo.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/index.css">
        <script>
            function loading(){
                document.getElementsByClassName('avatar')[0].style.display = 'block';
                document.getElementsByClassName('loading')[0].style.display = 'none';
            }
        </script>
         <style>
            address{text-align:center;}
        </style>
    </head>
    <body>

        <header class="header"></header>
        
        <article class="container">
            <section class="side">
                <!-- 个人肖像 -->
                <section class="me">
                    <section class="portrait">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <!-- 头像照片 -->
                        <img class="avatar" src="assets/images/portrait.bmp" onload="loading()" style="display:flex;">
                    </section>
                    <!-- 修改了头像形状 -->

                    <h1 class="name">梁颖欣</h1>
                    <h4 class="info-job">中山大学南方学院 / 广州</h4>

                </section>
<header>
                <!-- 基本信息 -->
                <section class="profile info-unit">
                    <h2><i class="fa fa-user" aria-hidden="true"></i>基本信息</h2><!-- 修改了图标样式 -->
                    <hr/>
                    <ul>
                        <li>
                            <label>个人信息</label>
                            <span>梁颖欣 / 女 / </span>
                        </li>
                        <li>
                            <label>当前状态</label>
                            <span>2019级应届生</span>
                        </li>
                    </ul>
                </section>

                <!-- 联系方式 -->
                <section class="contact info-unit">
                    <h2><i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2><!-- 修改了图标样式 -->                    <hr/>
                    <ul>
                        <li><label>手机</label><a href="tel:18811565610" target="_blank">136-3207-9390</a></li>
                        <li><label>邮箱</label><a href="mailto:2465378370@qq.com" target="_blank">2465378370@qq.com</a></li>
                        <li><label>个人主页</label><a href="http://e.nfu.edu.cn/my/" target="_blank">http://e.nfu.edu.cn/my/</a></li>
                        <li><label>Github</label><a href="https://github.com/shuimushisan" target="_blank">github.com/shuimushisan</a></li>
                        <li><label>Gitee</label><a href="https://gitee.com/shuimushisan" target="_blank">gitee.com/shuimushisan</a></li>
                    </ul>
                </section>

                <!-- 技能点 -->
                <section class="skill info-unit">
                    <h2><i class="fa fa-tags" aria-hidden="true"></i>技能点</h2>
                    <!-- 修改了图标样式 -->
                    <hr/>
                    <ul>
                        <li><label>HTML</label><progress value="80" max="100"></progress></li>
                        <li><label>CSS</label><progress value="70" max="100"></progress></li>
                        <li><label>Office办公软件</label><progress value="88" max="100"></progress></li>
                        <li><label>页面设计</label><progress value="80" max="100"></progress></li>
                        <li><label>SVG</label><progress value="70" max="100"></progress></li>                    </ul>
                </section>
<section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr>
                <img src="assets/images/Wechatqrcode.jpg" style="width: 100%;" alt="">
            </section>
                <!-- 技术栈 -->
            </section>
</header>
<main>
            <section class="main">

                <!-- 教育经历 -->
                <section class="edu info-unit">
                    <h2><i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2><!-- 修改了图标样式 -->
                    <hr/>
                    <ul>
                        <li>
                            <h3><span>中山大学南方学院 - 网络与新媒体专业（本科）</span><time>2019.9 - 2023.7</time></h3>
                            <p>专业排名<mark>暂无</mark>，已修专业课程：网页设计与制作_201909、网络新媒体技术与协作_201909</p>
                        </li>
                        <li>
                            <h3><span>江门市新会第一中学 - 文科</span><time>2016.9 - 2019.7</time></h3>
                            <p>一模排名<mark>134/537</mark>，期间荣获多次校级三好学生、全勤学生以及文明学生。</p>
                        </li>
                        <li>
                            <h3><span>会城河南初级中学</span><time>2013.9 - 2016.7</time></h3>
                            <p>中考排名<mark>2/590</mark>，期间荣获多次校级三好学生、全勤学生以及文明学生。积极参加学校活动。</p>
                        </li>
                    </ul>
                </section>

                <!-- 在校作品 -->
                <section class="project info-unit">
                    <h2><i class="fa fa-file" aria-hidden="true"> </i>在校作品</h2><!-- 修改了图标样式 -->
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                                <span>[项目1]爱奇艺频道页面作业</span>
                                <span class="link"><a href="http://shuimushisan.gitee.io/iqiyi.html/" target="_blank">iqiyi.html</a></span>
                                <time>2019.10.30</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：HTML 5 + CSS</li>
                                <li>
                                    <i class="fa fa-map-marker" aria-hidden="true"></i><!-- 修改了图标样式 -->
                                    [目标]页面排版与原网页排版一致，并增加媒体查询功能和单行页面布局<br/>
                                    <i class="fa fa-users" aria-hidden="true"></i>
                                    [团队]同 6 位同专业同学一起<br/>
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                    [贡献]完成<mark>“页面排版与原网页排版一致，并增加媒体查询功能和单行页面布局”</mark>等工作，本人主要负责弹性布局与媒体查询功能的部分。<br/>
                                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                    [效果]作品成功达到目标要求。 </li>
                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[项目2]动态及静态的SVG作业练习</span>
                                <span class="link"><a href="http://shuimushisan.gitee.io/svg.html" target="_blank">svg.html</a></span>
                                <time>2019.11.07</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：HTML 5 + CSS</li>
                                <li>
                                    <i class="fa fa-map-marker" aria-hidden="true"></i><!-- 修改了图标样式 -->
                                    [目标]完成两个动态SVG图像以及两个静态的SVG图像<br/>
                                    <i class="fa fa-users" aria-hidden="true"></i>
                                    [团队]与 6 位同学<br/>
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                    [贡献]为小组成员进行分组，个人使用了 <mark>HTML 5</mark> 和 <mark>CSS</mark>完成了一个动态图像以及一个静态图像，并协助组内其他小组完成一个动态图像。 <br/>
                                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                    [效果]作品成功达到目标要求。
                                </li>
                            </ul>
                        </li>
                </section>

                <!-- 校园经历 -->
                <section class="work info-unit">
                    <h2><i class="fa fa-magic" aria-hidden="true"></i>校园经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                                <span>[经历1]初中</span>
                                <time>2013.9 - 2016.6</time>
                            </h3>
                            <ul class="info-content">
                                <li>曾担任纪律委员、学习委员、以及文娱委员。</mark>，积极<mark>配合其他班委管理班集体</mark>。</li>
                                <li>曾加入学校合唱队<mark>积极训练，代表学校在外比赛。</mark>。</li>
                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[经历2]高中 </span>
                                <time>2016.10 - 2019.7</time>
                            </h3>
                            <ul class="info-content">
                                <li>积极参与地理科<mark>市级</mark>学科比赛</li>
                                <li>积极参与班级研究性学习作业，完成<mark>学宫文心以及古井地理</mark>等课题的研究。</li>
                                <li>积极完成视频拍摄作业。&nbsp;&nbsp; 
                                 <a href="https://gitee.com/shuimushisan/qiz/blob/master/assets/video/shoudianyiyun.mp4" target="_blank"><i class="fa fa-camera" aria-hidden="true"></i>手电疑云.MP4（片段）</a></li><!-- 修改链接图标，并增加空格 -->
                            </ul>
                        </li>
                    </ul>
                </section>

                <!-- 自我评价 -->
                <section class="work info-unit">
                    <h2><i class="fa fa-flag" aria-hidden="true"></i>自我评价/期望</h2><!-- 修改了图标样式 -->
                    <hr/>
                    <p><mark>“浮舟沧海，立马昆仑”</mark>是我的人生座右铭，鞭策自己做人要有远大的理想，并且要付诸行动。不应该碌碌无为，混吃等死地消耗自己宝贵的时间。</p>
                </section>
            </section>
        </article></main>
        </br></br>

        
        <address>中山大学南方学院</br>文学与传媒学院</br>网络与新媒体1班 梁颖欣</br></address>

        <footer class="footer">
            <p>© 2019 梁颖欣.文档最后更新时间为<time>2019年11月25日</time>.</p>
        </footer>

        <!-- 侧栏 -->
        <aside>
            <ul>
                <li><a href="https://gitee.com/shuimushisan/qizhongxiangmu" target="_blank">源代码</a></li>
                <li>
                <a href="https://weibo.com/5138637402/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1" target="_blank">Sina blog</a>
            </li>
            <li>
                <a href="https://space.bilibili.com/20610758" target="_blank">Bilibili</a>
            </li>
            </ul>
        </aside>

        <script src="./assets/js/index.js"></script>
    </body>
</html>